



/* 
	LEVEL ONE
*/
div.menu ul {	list-style-type:none;}
div.menu ul.menu                         { position: relative;}
div.menu ul.menu li                      { font-weight: bold; float: left; zoom: 1; background:url(../images/navSep.jpg) no-repeat right top; }
div.menu ul.menu a:hover		            { color:#fff; }
div.menu ul.menu a:active                { color: #ffa500; }
div.menu ul.menu li a                    { display: block; padding: 13px 20px; color:#787878;font-size:12px;text-decoration:none; text-transform:uppercase;}
div.menu ul.menu li:last-child a         { border-right: none; } /* Doesn't work in IE */
div.menu ul.menu li.hover,
div.menu ul.menu li:hover                { position: relative; }
div.menu ul.menu li.hover a              { }


/* 
	LEVEL TWO
*/
div.menu ul.menu ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
div.menu ul.menu ul li 					{ font-weight: normal; background: url("../images/navBg.jpg") repeat-x scroll left top transparent; color: #787878;
									  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
div.menu ul.menu ul li a					{ border-right: none; width: 100%; display: inline-block;  text-align: left;}

/* 
	LEVEL THREE
*/
div.menu ul.menu ul ul 					{ left: 100%; top: 0; }
div.menu ul.menu li:hover > ul 			{ visibility: visible; }
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */